<!DOCTYPE html>
<html dir="rtl">
<head>
    <title></title>
    <link rel="stylesheet" href="themes/dark-hive/jquery-ui.min.css" type="text/css"/>
</head>
<body class="ui-widget ui-widget-content">
<div id="header">
    <div id="logo"><img src="img/logo.png" width="270" height="65"/></div>
    <div id="login_box">
        <table>
            <tr>
                <td>
                    <fieldset>
                        <legend> بريدك الالكترونى</legend>
                        <input type="email" id="user_email"/>
                    </fieldset>
                </td>
                <td>
                    <fieldset id="pass_box">
                        <legend> كلمة السر <a href="forgetpassword.php"> نسيتها؟ </a></legend>
                        <input type="password" id="user_password"/>
                    </fieldset>
                </td>
                <td><br/><input type="button" value="تسجيل الدخول"/></td>
            </tr>
        </table>
    </div>
</div>

<div id="container" class="container">
    <div id="container_right">
        <fieldset>
            <legend>التسجيل</legend>
            <table>
                <tr>
                    <td>اسمك:</td>
                    <td><input type="text" id="user_name"/></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>بريدك الالكترونى:</td>
                    <td><input type="email" id="user_email_signup"/></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>كلمة السر:</td>
                    <td><input type="password" id="new_password"/></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>كلمة السر مرة اخرى:</td>
                    <td><input type="password" id="new_password_confirm"/></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>بلدك:</td>
                    <td><select id="countries" class="ui-corner-all">
                            <?php

                            ?>
                        </select></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>محافظتك:</td>
                    <td><select id="governrates" class="ui-corner-all">
                            <option selected="selected">
                                حط المحافظات هنا
                            </option>
                        </select></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>ساكن فين:</td>
                    <td><select id="areas" class="ui-corner-all">
                            <option selected="selected">
                                حط المناطق هنا
                            </option>
                        </select></td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td><input type="button" value="سجل حسابك"</td>
                </tr>
            </table>
        </fieldset>
    </div>

</div>
<script src="js/static.js"></script>
<script>
    includeJQuery();
</script>
<script>
    $(document).ready(function ()
    {
        applyTheme();
    });
</script>
</body>
</html>